<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>By 裴鸿宇</title>
<style type="text/css">
body {
    margin:0px;
}
a{
text-decoration: none;
}
a:hover{
text-decoration:underline;
}
/*-----------------*/
.top-area{
	margin-top:10px;
	width:990px;
	height:40px;
	border:1px solid #D3D3D3;
	background-color:#00FFFF;
}
/*-----------------*/
.second-area{
	width:990px;
	height:120px;
	border-width:0px 1px;
	border-style:solid;
	border-color:#D3D3D3;
}
.hot{
	float:left;
	width:60px;
	margin-left:170px;
	margin-top:15px;
	font-size:20px;
}
.hyperlink{
	float:left;
	width:300px;
	margin-top:22px;
}
.hyperlink_color{
	color:#FF1493;
}
.search{
	float:left;
	text-align:left;
	width:400px;
	margin-top:20px;
	margin-left:50px;
}
.search_text{
	border:1px solid #4EEE94;
	height:20px;
}
.submit_{	
	cursor:pointer;
	height:22px;
	border:1px solid #4EEE94;
	background-color:#4EEE94;
}

/*-----------------*/
.main-area{
	width:990px;
	height:500px;
	border:1px solid #D3D3D3;
}
.reTie{
	float:left;
	width:348px;
	height:500px;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#D3D3D3;
}
.question{	
	float:left;
	width:320px;
	height:500px;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#D3D3D3;
}
.gain{
	float:left;
	width:320px;
	height:500px;
}
.name{	
	width:320px;
	height:40px;
	line-height:40px;
	background-color:#333333;
	font-size:25px;
	font-weight:bold;
	color:#00CCCC;
}
.name_reTie{	
	width:348px;
	height:40px;
	line-height:40px;
	background-color:#333333;
	font-size:25px;
	font-weight:bold;
	color:#00CCCC;
}
.F_face{
	float:left;
	width:150px;
	height:70px;
	margin-left:10px;
}
.reTie_F_face{
	float:left;
	width:160px;
	height:70px;
	margin-left:10px;
}
.reTie_personal_information{
	float:left;
	text-align:left;
	width:105px;
	height:60px;
	margin-top:4px;
	margin-left:3px;
	font-size:12px;
}
.information{
	overflow:hidden;
	width:105px;
	height:13px;
	margin-top:4px;
}
.add{
	overflow:hidden;
	width:105px;
	height:19px;
	margin-top:4px;
}
.information2{
	overflow:hidden;
	width:90px;
	height:13px;
	margin-top:5px;
}
.add2{
	overflow:hidden;
	width:90px;
	height:20px;
	margin-top:4px;
}
.face{
	float:left;
	width:50px;
	height:50px;
	margin-top:8px;
}
.img{
	width:50px;
	height:50px;
}
.personal_information{
	float:left;
	width:90px;
	height:60px;
	margin-top:4px;
	margin-left:4px;
	text-align:left;
	font-size:12px;
}
.button{
	cursor:pointer;
	height:20px;
	background-color:#B0E0E6;
}
.more{
	float:right;
	width:280px;
	height:25px;
	font-size:13px;
	text-align:right;
	margin-right:10px;
}
.F_reTie_hyperlink{
	margin-top:60px;
	margin-left:5px;
	text-align:left;
	width:325px;
	height:25px;
	font-size:16px;
}
.N_reTie_hyperlink{
	margin-top:10px;
	margin-left:5px;
	text-align:left;
	width:325px;
	height:25px;
	font-size:16px;
}
.F_other_hyperlink{
	margin-top:60px;
	margin-left:5px;
	text-align:left;
	width:295px;
	height:25px;
	font-size:16px;
}
.N_other_hyperlink{
	margin-top:10px;
	margin-left:5px;
	text-align:left;
	width:295px;
	height:25px;
	font-size:16px;
}
.over_hyperlink{
	overflow:hidden;
	width:305px;
	height:320px;
}
/*-----------------*/
.last-area{
	width:620px;
	height:90px;
	margin-top:20px;
	border:1px solid #D3D3D3;
}
/*----------------*/
.clear_{
	clear:both;
}
</style>
</head>
<body>
	<center>
		<div class="top-area"></div>
		
		<div class="second-area">
			<div class="hot">热门&nbsp;.分类&nbsp;.</div>
			<div class="hyperlink">
				<a href="#" class="hyperlink_color">XXX</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">XXX</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">XXX</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">XXX</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">XXX</a>&nbsp;&nbsp;<a href="#" style="font-size:13px;">更多...</a>
				<a href="#" class="hyperlink_color">XXX</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">XXX</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">XXX</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">XXX</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">XXX</a>&nbsp;&nbsp;<a href="#" style="font-size:13px;">更多...</a>
			</div>
			<div class="search">
				<div>
					<input type="text" size="30px" value="输入文字..." class="search_text">
					<input type="submit" value="搜索" class="submit_">
				</div>
				<div>
					<a href="#" class="hyperlink_color">java</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">css</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">html</a>&nbsp;&nbsp;<a href="#" class="hyperlink_color">jsp</a>
				</div>
			</div>
		</div>
		
		<div class="main-area">
			<div class="reTie">
				<div class="name_reTie">热&nbsp;&nbsp;&nbsp;帖</div>
				<div class="reTie_F_face">
					<div class="face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face1.jpg" class="img"></div>
					<div class="reTie_personal_information">
						<div class="information">酒鬼</div>
						<div class="information">活跃度:★★★★</div>
						<div class="add"><input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'"></div>
					</div>
				</div>
				<div class="reTie_F_face">
					<div class="face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face1.jpg" class="img"></div>
					<div class="reTie_personal_information">
						<div class="information">酒魔</div>
						<div class="information">活跃度:★★★</div>
						<div class="add"><input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'"></div>
					</div>
				</div>
				<div class="reTie_F_face">
					<div class="face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face1.jpg" class="img"></div>
					<div class="reTie_personal_information">
						<div class="information">酒仙</div>
						<div class="information">活跃度:★★</div>
						<div class="add"><input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'"></div>
					</div>
				</div>
				<div class="clear_"></div>
				<div class="over_hyperlink">
					<div class="F_reTie_hyperlink"><a href="##"><u>说说你最想对兰陵王说的一句话</u></a></div>
					<div class="N_reTie_hyperlink"><a href="##"><u>我们在一起，七匹喵星人走天下</u></a></div>
					<div class="N_reTie_hyperlink"><a href="##"><u>我们在一起，七匹喵星人走天下</u></a></div>
					<div class="N_reTie_hyperlink"><a href="##"><u>难道根本没人喜欢这样的照片？</u></a></div>
					<div class="N_reTie_hyperlink"><a href="##"><u>我们在一起，七匹喵星人走天下</u></a></div>
					<div class="N_reTie_hyperlink"><a href="##"><u>是时候对科蜜做一个篮球技术大调查了</u></a></div>
					<div class="N_reTie_hyperlink"><a href="##"><u>颓废后的新生，记录我的跑步历程</u></a></div>
					<div class="more"><a href="##">更多>></a></div>
				</div>
			</div>
			
			<div class="question">
				<div class="name">问&nbsp;&nbsp;&nbsp;题</div>
				<div class="F_face">
					<div class="face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face6.jpg" class="img"></div>
					<div class="personal_information">
						<div class="information2">状元:文王</div>
						<div class="information2">回答问题:2213</div>
						<div class="add2"><input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'"></div>					
					</div>
				</div>
				<div class="F_face">
					<div class="face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face6.jpg" class="img"></div>
					<div class="personal_information">
						<div class="information2">榜眼:问多</div>
						<div class="information2">回答问题:2212</div>
						<div class="add2"><input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'"></div>
					</div>
				</div>
				<div class="F_face">
					<div class="face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face6.jpg" class="img"></div>
					<div class="personal_information">
						<div class="information2">探花:多问</div>
						<div class="information2">回答问题:2001</div>
						<div class="add2"><input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'"></div>
					</div>
				</div>
				
				<div class="clear_"></div>
				<div class="over_hyperlink">
					<div class="F_other_hyperlink"><a href="##"><u>java怎么安装eclipse？？？</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>css怎么加进去？</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>怎么去查看网页源代码？</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>难道根本没人喜欢这样的照片？</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>java怎么配置环境？</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>java怎么安装eclipse？？？</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>难道根本没人喜欢这样的照片？</u></a></div>
					<div class="more"><a href="##">更多>></a></div>
				</div>
			</div>
			
			<div class="gain">
				<div class="name">成&nbsp;&nbsp;&nbsp;果</div>
				<div class="F_face">
					<div class="face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face4.jpg" class="img"></div>
					<div class="personal_information">
						<div class="information2">小鸟</div>
						<div class="information2">拥有成果:10</div>
						<div class="add2"><input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'"></div>
					</div>
				</div>
				<div class="F_face">
					<div class="face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face4.jpg" class="img"></div>
					<div class="personal_information">
						<div class="information2">大鸟</div>
						<div class="information2">拥有成果:5</div>
						<div class="add2"><input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'"></div>
					</div>
				</div>
				<div class="F_face">
					<div class="face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face4.jpg" class="img"></div>
					<div class="personal_information">
						<div class="information2">bird</div>
						<div class="information2">拥有成果:2</div>
						<div class="add2"><input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'"></div>
					</div>
				</div>
				
				<div class="clear_"></div>
				<div class="over_hyperlink">
					<div class="F_other_hyperlink"><a href="##"><u>人才管理系统</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>仿QQ仙人系统</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>东东论坛网站</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>小游戏俄罗斯方块</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>百度地图高仿版</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>QQ小游戏</u></a></div>
					<div class="N_other_hyperlink"><a href="##"><u>植物大战僵尸2</u></a></div>
					<div class="more"><a href="##">更多>></a></div>
				</div>
			</div>
			
		</div>
		
		<div class="last-area"></div>
	</center>
</body>
</html>